/**
 * KeepAlive 组件
 *    作用：将被他包裹组件缓存上。
 *
 * 被缓存的组件
 *    1. 不会销毁也就不会重新创建
 *    2. 新增了两个生命周期钩子函数
 *      activated       激活
 *        初次挂载完成之后就会触发一次 activated
 *        后续再次渲染出来时触发
 *      deactivated     失活
 *        看不间的时候，就是失活
 *
 * KeepAlive 的一些 Props
 *
 *    include   包含
 *      include="组件A,组件B"  只缓存组件A 与 组件B
 *      :include="[组件A]"       只缓存组件A
 *    exclude   排除
 *      exclude="组件A,组件B"  排除组件A 与 组件B
 *      :exclude="[组件A]"       排除组件A
 *    max       最大缓存实例的个数
 *
 *
 *    PS:
 *      1. include 与 exclude 的组件名字需要使用的是 组件定义时设置的 name 选项的值
 *      2. include 与 exclude 字符串写法时，注意 逗号前后不要有多余的空格
 */

import { createApp } from "vue";
import App from "./App.vue";

// 创建应用
const app = createApp(App);

// 挂载应用
app.mount("#app");
